<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<!DOCTYPE html>

<html lang="" >

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>AiDex Sharp 快速开发平台-登录页面</title>

    <link href="/static/style/chunk-5dc2c362.85db7393.js" rel="prefetch">

    <link href="/static/style/app.fe769a75.js" rel="preload" as="script">
    <link href="/static/style/chunk-vendors.20ccb4b6.js" rel="preload" as="script">
    <link href="/static/style/chunk-vendors.14eff948.css" rel="stylesheet">
    <link href="/static/style/app.f30939bc.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/style/font-awesome.min.css" type="text/css" media="all">
    <link rel="icon" href="/static/style/favicon.ico">
    <style type="text/css">

        .bottom-icon a{
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            margin: 10px;
            border-radius: 50%;
        }
    </style>
</head>

<body>
<div id="main-wrapper">
    <div>
        <div id="login" tag="section" class="fill-height d-flex align-items-center justify-content-center" style="min-height: calc(100vh - 20px);">
            <div class="row justify-content-center no-gutters">
                <div class="d-flex align-items-center col-md-9 col-lg-9">
                    <div class="card">
                        <!---->
                        <!---->
                        <div class="row no-gutters">
                            <div class="bg-primary d-md-flex align-items-center justify-content-center col-lg-7">
                                <div class="d-flex align-items-center">
                                    <div class="p-5">
                                        <div>
                                            <img src="style/logo.svg" style="width: 60px; height: 60px;margin-bottom: 10px;">
                                            <h3 class="display-5 text-white fw-medium">AiDex Sharp 快速开发平台</h3>
                                            <p class="mt-4 text-white op-5 font-weight-normal">基于RuoYi-Vue改造实现，追求极致的UI交互体验和快速开发
                                                同时支持Ant-Design-Vue和Element-UI</p><button type="button" class="btn mt-4 text-capitalize btn-info btn-lg">查看更多</button></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-5">
                                <div class="p-4">
                                    <h4 class="font-weight-bold mt-4">登录系统</h4>
                                    <h6 class="mb-4"> 还没有账号? <a href="" class="">立即注册</a></h6>
                                    <form class="" action="/user/login" method="post">
                                        <fieldset class="form-group">
                                            <!---->
                                            <div><input id="txt-username" name="name" type="text" placeholder="请输入用户名" class="mb-3 form-control">

                                            </div>
                                        </fieldset>
                                        <fieldset class="form-group" >
                                            <!---->
                                            <div><input id="txt-pwd" name="pass" type="password" placeholder="请输入密码" class="mb-3 form-control">

                                                <!---->
                                            </div>
                                        </fieldset>
                                        <div class="d-flex align-items-center">
                                            <div class="custom-control custom-checkbox"><input id="checkbox-1" type="checkbox" name="checkbox-1" class="custom-control-input" value="accepted"><label for="checkbox-1" class="custom-control-label">记住密码</label></div>
                                            <div class="ml-auto">
                                                <a href="javascript:void(0)" class="link">忘记密码?</a>
                                            </div>
                                        </div><button type="submit" class="btn mt-4 btn-primary btn-lg btn-block disabled">登录</button></form>
                                    <div class="d-flex align-items-center justify-content-center mt-4 bottom-icon">
                                        <a href="" style="background: #4597dc;color: #ffffff;" ><i class="fa fa-qq"></i></a>
                                        <a href=""  style="background: #36c956;color: #ffffff;"><i class="fa fa-weixin"></i></a>
                                        <a href=""  style="background: #f35d5d;color: #ffffff;"><i class="fa fa-weibo"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!---->
                        <!---->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>

</html>